@media (min-width: 320px) and (max-width: 480px) {
 .filter_btn {
    padding: 8px 12px;
 
}
}

@media (min-width: 481px) and (max-width: 767px) {
  .filter_btn {
    padding: 8px 17px;
 
}
  .img_box {
    width: 88px;
    margin: 0px auto;
}
button.close {
    position: absolute;
    right: 7px;
}
.mobile_text_size{
    font-size: 14px;
}
.body_box p {
    font-size: 11px;
}
  .filtera_molbile
{
    position: absolute;
    will-change: transform;
    top: 0px;
    transform: translate3d(0px, 32px, 0px);
    width: 300px;
    left: -215px;
    background: #ffffff05 !important;
}

 .filtera_molbile a
{
   color: #fff!important;
}
.filtera_molbile {
    padding: 10px;
    text-align: center;
}
.filter_text {
    font-size: 12px;
    padding: 12px !important;
    color: #000;
}
.filter button {
    font-size: 11px !important;
    padding: 6px 11px !important;
}
.ditophide
{
    display: block;
}
.bg-info_2 {
    padding: 12px 0px;
}
.images_fild {
    position: relative;
    /* top: 40px!important; */
    width: 111px!important;
    margin: 0px auto;
    z-index: 9;
}
.img_login {
    display: none;
}
.py-25 {
    padding: 25px 0px;
}
.nav-item_2 {
    width: 82px;
}
.footer_logo {
 
    margin-top: 0px;
}
a.edit_profile {
    position: relative;
    bottom: 0px;
    
}

a.edit_profile {
    position: relative;
    bottom: 0px;
    top: 16px;
}
#musicinfo {
    width: 93%;
}
.detils {
    color: #fff;
    padding: 10px 0;
}
#filtersinfo {
 
    width: 320px;
}
/* .img_1 {
  
    padding: 55px 0px 23px 0px;
} */
.disktop {
    
    display: none;
}
.modal-dialog {
    padding: 17px 9px;
}
.login-form {
    /* padding: 12px; */
}
.chapter a {
    font-size: 13px;
}
.has-search .form-control {
    font-size: 12px;
}
.footer_logo img {
    position: relative;
    right: -22px;
}
.icon_box ul li img {
    width: 27px;
}
}
@media (min-width: 320px) and (max-width: 480px) {
  .mobile_text_size{
    font-size: 14px;
}
.icon_box ul li img {
    width: 27px;
}
.modal-dialog {
    padding: 17px 9px;
}
.footer_logo img {
    position: relative;
    right: -22px;
}
 
.has-search .form-control {
    font-size: 12px;
}
/* .img_1 {
  
    padding: 40px 0px 7px 0px;
} */
.chapter a {
    font-size: 13px;
}
button.close {
    position: absolute;
    right: 7px;
    z-index: 9999;
}
.disktop {
    
    display: none;
}
 .img_box {
    width: 88px;
    margin: 0px auto;
}
.filter button {
    font-size: 11px !important;
    padding: 6px 11px !important;
}
#filtersinfo {
   
    width: 320px;
   
}
a.edit_profile {
    position: relative;
    bottom: 0px;
    top: 16px;
}
.detils {
    color: #fff;
    padding: 10px 0;
}
.userpofirlimg img {
    width: 100%;
    min-width: 90px;
    min-height: 90px;
    /*max-height: 90px;*/
    /* min-height: 16vh !important ;
    max-height: 16vh !important ; */
}
.userpofirlimg
{
    width: 90px;
    min-width: 90px;
    min-height: 90px;
    margin: 0px auto;

}

#musicinfo {
 
    width: 93%;
   
}
a.edit_profile {
    position: relative;
    bottom: 0px;
    
}
.footer_logo {
 
    margin-top: 0px;
}
.nav-item_2 {
    width: 82px;
}
.body_box p {
    font-size: 11px;
}
  .filtera_molbile
{
    position: absolute;
    will-change: transform;
    top: 0px;
    transform: translate3d(0px, 32px, 0px);
    width: 300px;
    left: -215px;
        background: #ffffff05 !important;
}
.filtera_molbile {
    padding: 10px;
    text-align: center;
}
.filter_text {
    font-size: 12px;
    padding: 12px !important;
    color: #000;
}
.bg-info_2 {
    padding: 12px 0px;
}
 .filtera_molbile a
{
   color: #fff!important;
}
.images_fild {
    position: relative;
    /* top: 40px!important; */
    width: 111px!important;
    margin: 0px auto;
    z-index: 9;
    height: 111px;
    background: #000;
    overflow: hidden;
    border-radius: 57%;
    
}
.img_login {
    display: none;
}
.py-25 {
    padding: 25px 0px;
}

}